import React from 'react'
import store from "../../store/store"
import {incrementCount,decrementCount} from '../../store/actions/countAction'

export default function Count() {
  const { count } = store.getState()

  const incrementHandle = () => {

      store.dispatch(incrementCount(1))

  }

  const decreamentHandle = () => {
    store.dispatch({
      type:'decrementCount',
      data:1
    })
  }

  const ifOddDecrementHandle = () => {
    if(count%2!==0){
      store.dispatch({
        type:'incrementCount',
        data:1
      })
    }
  }

  const waitDecrementHandle = () => {
    setTimeout(()=>{
      store.dispatch({
        type:'incrementCount',
        data:1
      })
    },2000)
  }

  return (
    <div>
      <h1>我是Count组件 我的值是{count}</h1>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>

    </div>
  )
}
